$(document).ready(function(){    

    $(document).off('click', '#navHome').on('click', '#navHome', function() {    
        $('#drpTablas').attr("class", "dropdown");
        $('#navHome').attr("class", "active");    
        $("#content").load('payments.php');
    });

    $(document).off('click', '#drpServicios').on('click', '#drpServicios', function() {        
        $('#drpTablas').attr("class", "dropdown active");
        $('#navHome').attr("class", "");    
        $("#content").load('services.php');  
    });

    $(document).off('click', '#drpPeriodoServicios').on('click', '#drpPeriodoServicios', function() {        
        $('#drpTablas').attr("class", "dropdown active");
        $('#navHome').attr("class", "");    
        $("#content").load('periodServices.php');  
    });
    
    $(document).off('click', '#drpPeriodos').on('click', '#drpPeriodos', function() {        
        $('#drpTablas').attr("class", "dropdown active");
        $('#navHome').attr("class", "");    
        $("#content").load('periods.php');  
    });    

});